<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 注释，快捷键：ctrl + / -->
    <title>霍格沃兹</title>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
    <h1>这是标题 1</h1>
    <h2>这是标题 2</h2>
    <h3>这是标题 3</h3>
    <h4>这是标题 4</h4>
    <h5>这是标题 5</h5>
    <h6>这是标题 6</h6>
    <div id="content">内容块 1</div>
    <div class="center">内容块 2</div>
    <p name="p">这是一个段落</p>
    <img
        src="https://ceshiren.com/uploads/default/original/1X/809c63f904a37bc0c6f029bbaf4903c27f03ea8a.png"
        alt="霍格沃兹"
        title="霍格沃兹分院帽"
        width="100px"
        height="100px"
        border="1px"
    />
    <div>
        <a href="https://ceshiren.com/">测试人社区</a>
    </div>
    <div>
        <table border="1">
            <tr>
                <td>第一行, 第一个单元格</td>
                <td>第一行, 第二个单元格</td>
            </tr>
            <tr>
                <td>第二行, 第一个单元格</td>
                <td>第二行, 第二个单元格</td>
            </tr>
        </table>
    </div>
    <div>
        <form action="">
            用户名: <input type="text" name="user"><br>
            密码: <input type="password" name="password"><br>
            <input type="submit" value="提交">
        </form>
    </div>
    <input type="button" value="点我">
<!--    <p style="color:sienna;margin-left:20px">这是一个段落</p>-->

</body>
</html>
<script type="text/javascript">
//window.alert("警告弹窗");
//window.confirm("确认弹窗");
//console.log("日志内容");

// Number 通过数字字面量赋值
var length = 16;
// Number 通过表达式字面量赋值
var x = 2;
var points = x * 10.5;
// String 通过字符串字面量赋值
var lastName = "lily";
// Array  通过数组字面量赋值
var cars = ["Saab", "Volvo", "BMW"];
// Object 通过对象字面量赋值
var person = {firstName:"John", lastName:"Doe"};

function myFunction(a, b) {
  return a * b;
}

var r = myFunction(5, 6);
console.log(r)

</script>


